<html>
<head>
	<title>%title</title>
	<meta charset="utf-8">
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
			font-family: 'Microsoft Yahei';
		}
		.item a{
			text-decoration: none;
			color: red;
			float: right;
		}
		.container{
			width: 560px;
			margin: 0px auto;
		}
		.container h1{
			color: blue;
		}
		.container .item{
			font-size: 14px;
			border-bottom: 1px solid blue;
		}
		.container .item h6{
			color: #666;
			padding: 10px;
		}
		.container .item h6 span{
			float: right;
		}
		.container .item p{
			padding: 10px;
			color: #999;
		}
		.item:nth-child(odd){
			background:#cfc;
		}
		.item:nth-child(even){
			background:#9ff;
		}
		.container .inp1{
			padding: 10px;
			width: 510px;
			font-size: 14px;
		}
		.container .inp2{
			width: 560px;
			padding: 10px;
			font-size: 14px;
			height: 300px;
		}
		.container button{
			padding:5px 20px;
			font-size: 14px;
			margin-bottom: 50px;
		}
		.ly{
			color: orange;
			font-size: 16px;
		}
		.xm{
			color: orange;
			font-size: 16px;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>%title</h1>
		<hr/>
		%main
		<form method="POST" action="/addmessage">
			<span class="xm">姓名：</span><input type="text" name="author" placeholder="who are you?" class="inp1"><br>
			<div class="ly">留言板：</div><textarea type="text" name="message" placeholder="你的留言！" class="inp2"></textarea>
			<button type="submit">发送</button>
		</form>
	</div>
</body>
</html>